/*css请写备注*/
.pointDetails {
	width: 100%;
	height: 100%;

	&-title {
		width: 100%;
		height: 80px;
		padding: 15px  0;
		box-shadow: 0 0 3px rgba(0, 0, 0, .3);
		margin-bottom: 25px;
		background: #fff;

		&-wrap {
			display: flex;
			justify-content: space-between;
			align-items: center;
			margin: 0 auto;
			width: 380px;
			height: 100%;
		}

		.titleChange {
			color: #999;
			font-size: 12px;
			cursor: pointer;

			.anticon-caret-left,
			.anticon-caret-right {
				color: #3772ff
			}

		}

		h4 {
			color: #666;
			font-size: 18px;
		}

	}

	.boardTwoWrap {
		float: left;
		width: 300px;
		height: calc(~"100% - 105px");
		box-shadow: 0 0 3px rgba(0, 0, 0, .3);
		overflow: hidden;
		position: relative;

		.ant-menu {
			background: rgb(244, 244, 244)
		}

		.ant-menu-inline .ant-menu-item {
			height: auto;
			vertical-align: sub;
			display: flex;
			align-items: center;
			padding: 10px 0px
		}

		.doFen {
			width: 100%;
			position: absolute;
			bottom: 0;
			border-radius: 0;
			height: 40px;
		}

	}

	&-board {
		width: 100%;
		height: 100%;

		&-filter {
			background: #fff;
			padding: 15px;
			height: auto;

			h4 {
				display: flex;
				justify-content: space-between;
				align-items: center;

				&+div {
					margin-top: 15px;
				}

			}

		}

		&-content {
			height: calc(~"100% - 140px");
			background: rgb(244, 244, 244);
			overflow-y: auto;
			overflow-x: hidden;

			.Job {
				line-height: 24px;
				margin-left: 15px;

				li:nth-child(1) {
					color: #000;
					font-size: 14px;
				}

				li:nth-child(2) {
					color: #666;
					font-size: 12px;
				}

				&+p {
					position: absolute;
					right: 20px;
				}

			}

		}

	}

	&-board-intelligent {
		width: 100%;
		height: 100%;

		&-title {
			background: #fff;
			height: auto;

			h4 {
				display: flex;
				padding: 15px;
				justify-content: space-between;
				align-items: center;
			}

			.checkHandle {
				border-top: 1px solid #e6e6e6;
				padding: 5px 10px;

				.checkAndGrade {
					display: flex;
					justify-content: space-between;
					align-items: center;
				}

				p {
					width: 100%;
					font-size: 12px;
					color: #999
				}

				.grade {
					width: 120px;
					display: flex;
					justify-content: space-between;

					input {
						width: 80px;
						background: #f1f2f4;
						border: none;

						&:focus {
							box-shadow: none;
						}

					}

				}

			}

		}

		.pointDetails-board-intelligent-content {
			height: calc(~"100% - 151px");
			background: rgb(244, 244, 244);
			overflow-y: auto;
			overflow-x: hidden;

			.ant-menu-item {
				padding-left: 10px !important;
			}

			.ant-avatar {
				padding: 0px;
			}

			.ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
				background-color: rgb(244, 244, 244);

				&:after {
					display: none
				}

			}

			.Job {
				line-height: 24px;
				margin-left: 15px;

				li:nth-child(1) {
					color: #000;
					font-size: 14px;
				}

				li:nth-child(2) {
					color: #666;
					font-size: 12px;
				}

				&+p {
					position: absolute;
					right: 20px;
				}

			}

		}

	}

	&-content {
		float: right;
		width: calc(~"100% - 325px");
		height: calc(~"100% - 105px");

		&>div {
			background: #fff;
			box-shadow: 0 0 3px rgba(0, 0, 0, .3);
			overflow: hidden;
			position: relative;
		}

		&-standard {
			padding: 15px;
			height: 80px;
			margin-bottom: 25px;

			.area {
				float: left;

				h4 {
					font-size: 15px;
					padding-right: 30px;
					display: inline-block;
				}

				.ant-tag,
				.sepSpan {
					margin-right: 10px;
				}

			}

			.times {
				float: right;

				h4 {
					font-size: 14px;
					color: #999;

					span {
						padding: 0 8px;
					}

				}

			}

			.tips {
				clear: both;
				margin-top: 35px;

				h4 {
					font-size: 15px;
				}

				label {
					padding-left: 30px;
					font-size: 12px;
					color: #666;
				}

			}

		}

		&-doIt {
			height: 180px;
			margin-bottom: 25px;
			padding: 15px;

			&-left {
				float: left;
				width: 25%;
				border-right: 1px solid #e6e6e6;
				padding-right: 20px;
				height: 100%;
				overflow-y: auto;
				overflow-x: hidden;

				h4 {
					text-align: center;
					padding-bottom: 10px;
				}

				.ant-input-number {
					display: block;
					margin: 0 auto;
					width: 180px;

					.ant-input-number-input {
						background: #e6e6e6;
						padding-left: 15px;
						color: #333;
						font-size: 20px;
					}

					.ant-input-number-handler-wrap {
						opacity: 1;
					}

				}

				p {
					font-size: 12px;
					text-align: center;
					color: #999;
					padding: 10px 0;
				}

				.btn-Wrap {
					display: flex;
					justify-content: space-around;
					align-items: flex-start;
				}

			}

			&-right {
				float: right;
				padding: 0 15px;
				width: 75%;

				&>h4 {
					span {
						float: right;
						font-size: 12px;
						color: #999;
						display: flex;
						align-items: center;

						i {
							padding-right: 5px;
							font-size: 20px;
							color: #3772ff
						}

					}

				}

				.point {
					padding-top: 15px;
					display: flex;
					justify-content: space-around;
					align-items: center;

					&-item {
						display: inline-block;
						width: 100px;

						h3 {
							color: red;
							text-align: center;
							font-size: 40px;
						}

						p {
							text-align: center;
							font-size: 14px;
							color: #999
						}

					}

					.splitPoint {
						display: inline-block;
						width: 1px;
						height: 40px;
						background: #e6e6e6;
					}

				}

			}

		}

		&-log {
			height: calc(~"100% - 310px");

			.ant-tabs {
				height: 100%;
			}

			.ant-tabs-content {
				height: calc(~"100% - 36px");
			}

			.ant-tabs-bar {
				margin-bottom: 0px;
				border-bottom: none
			}

			.ant-tabs-ink-bar {
				width: 68px;
			}

			.kaohe,
			.ziliao {
				padding-top: 20px;
				height: 100%;
				overflow-x: hidden;
				overflow-y: auto;

				&>li {
					margin-top: 10px;

					h4 {
						padding: 15px 0px 5px 15px;
						color: #999;
						font-size: 14px;
					}

					ul {
						padding: 15px;
						background: #e6e6e6;

						li {
							font-size: 14px;
							padding: 4px 0px;

							span {
								padding: 0 3px
							}

							.pad5 {
								padding: 0 5px;
							}

							.bold {
								font-weight: bold;
							}

							.blue {
								color: #3772ff;
							}

							.mr10 {
								margin-right: 10px;
							}

							.mr20 {
								margin-right: 20px;
							}

							a {
								color: #999;
								text-decoration: underline;
							}

						}

					}

				}

			}

		}

	}

}